@charset "utf-8";
* {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	scrollbar-face-color:#dff9fe;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#9adae7;
	scrollbar-darkshadow-color:#9adae7;
	scrollbar-Shadow-color:#FFFFFF;
	scrollbar-arrow-color:#006498;
	scrollbar-track-color:#fff;
}

body {
	margin:0px 8px 8px;
	background:#fff;
	border:0		
}
table {
	border-collapse:collapse;
}
td{word-break:break-all}
img {
	border:0
}
a{
	color:#005edf ;
	text-decoration:none
}
.inputText{
	border:1px solid #7898b8;
	height:20px;
	padding-left:2px;
	line-height:20px;
	background-image:url(images/inputtext_bg.gif);
	background-repeat:repeat-x;	 
	color:#339900;
	}
#RptView td{white-space:nowrap;text-align:right}
textarea{border:1px solid #7898b8;margin:2px;margin-left:0;padding:2px;color:#339900;}
.inputButton {
	background:#fff url(images/button_bg2.gif) repeat-x center;
	border:1px solid #c6bea9;
	height:22px;
	color:#000;
	cursor:pointer;
	padding:0 12px!important;>padding:0 !important;padding:0;
}

select{background:#fff}
.buttonOver{
	background:#fff url(images/button_bg2.gif) repeat-x center;
	border:1px solid #c6bea9;
	height:22px;
	color:#c25700;
	cursor:pointer;
	padding:0 12px!important;>padding:0 !important;padding:0;
}
.red{color:#f00}

/*title*/
.title {
	text-align:left;
	padding:6px 0px;
	COLOR:#8196a5;
	
}
.title span {
	padding:3px;
	font-weight:bold;
	color:#000;
}
/* tab */
.tab {
	background: url(images/tab_bg.gif) repeat-x bottom;
	padding-left:4px;
	padding-bottom:0px;
	padding-top:8px;
	margin-bottom:0px;
}

.tab td a {
	display:block;
	float:left;
	background:#ffffff url(images/tab_left.gif) no-repeat left top;
	padding-left:10px;
	text-decoration:none;
	color:#656565;
	height:24px;
}
.tab  span{
	display:block;
	padding:5px 14px 5px 4px;
	background:#ffffff url(images/tab_right.gif) no-repeat right top;
	white-space:nowrap;
	cursor:hand;
}
.tab a:hover {
	color:#000
}
.tab td.on a {
	background:#ffffff url(images/tab_on_left.gif) no-repeat left top;
}
.tab .on a span{
	background:#ffffff url(images/tab_on_right.gif) no-repeat right top;
	color:#c25700;
	font-weight:bold
}

.tab div{position:absolute;top:40px;right:30px}
.tabBlock{	
	border:1px solid #c7daf2;
	background:#eff5f9;
	border-top:0;
}
.subtitle,th,h2 span{color:#165e9e}

/*bordercolor*/
.filter,.dataGrid,.editBlock,.selectBox table,.editBlock1 {border:1px solid #a8cce9;}
/*background color*/
.dataGrid .page,.editBlock .toolbar,.popfoot{background-color:#e2edf6}
/*margin;padding*/
.toolbar ,.toolbar1 ,.dataGrid,.editBlock {
	margin-bottom:8px
}
.tabBlock{padding:8px;padding-bottom:0}
/* toolbar */
.toolbar {
		text-align:right;
}
.toolbar1 {
	text-align:center;
}
/* filter */

.filter {
	
	border-bottom:0;
	background:#fff url(images/filter_bg.gif) repeat-x top;
	padding:4px;
}

.filter td{
	padding:4px;
	white-space:nowrap;
}
.filter th{
	padding:4px;
	text-align:right;
	font-weight:normal;
}

/* dataGrid */
.dataGrid table caption {
    border-bottom:1px #a8cce9 solid;
	padding:5px;
	text-align:left;
	color:#165e9e;
	
}
.dataGrid table {
	width:100%;
	background:#fff;
	border:0;
	border-bottom: 1px solid #A8CCE9;
}
.dataGrid th {
	color:green;
	height:25px;
	font-weight:normal;
	border-bottom:1px solid #9eb7d6;
	border-right:1px solid #9eb7d6;
	background:url(images/table/table_bg.gif) repeat-x;
}
.dataGrid td {
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	height:28px;
	text-align:center;
}

.dataGrid .altbg{
	background-color:#F8FEFF
}

.dataGrid .page {
	padding:4px;
	width:100%;	
}
.dataGrid .page td {
	border:0
}

.dataGrid .group
{   
   background-color:#F9F8D0;
}

.dataGrid .group td
{
	font-weight:bold;
	color:298e2a;
}
.dataGrid .page #pleft {
	padding-left:5px;
	text-align:left;
}
.dataGrid .page #pright {
	padding-right:5px;
	text-align:right;
}
.dataGrid .page #pright img {
	margin:0 4px;
}

.dataGrid .page .inputButton,.filter .inputButton,.editBlock .inputButton {
	background: #fff url(images/button_bg.gif) repeat-x;
	border:1px solid #7898b8;
	height:22px;
	color:#000;
}

.dataGrid div.pinfo span{float:left;text-align:left;}

.dataGrid div.pinfo{
	text-align:right;	
	border-top:0;	
	background:#c3eef5;	
	padding:2px;
}

.dataGrid .nodata {
	background:#fff;
	color:#ff0000;
	border-top:0;
	padding:4px;
	text-align:center
}
.trHover {
	background:#e2ffdb;
	color:#098b14;
}
.diabledTr,.diabledTr a{color:#bbb;}
.dataGrid .alignLeft{text-align:left;padding-left:4px;}
/*editBlock*/
.editBlock1{background:#fff;margin-bottom:8px;}
.editBlock1 *{padding:0;margin:0}
.editBlock{padding:1px!important;>padding:0px!important;padding:0;background:#fff;border:0px}
.editBlock table {
	width:100%;
}
.editBlock  th{
	height:16px;
	text-align:right;
	font-weight:normal;
	padding:2px;
	padding-top:8px;
	border:0px solid #e3eef7;
	background:#f4f8fc;
	vertical-align:top;
	white-space:nowrap;
}
.editBlock  td{
	border:0px solid #e3eef7;
	padding:1px 2px;
	background:#fff
}

.editBlock  .subtitle,.editBlock  .subtitleClose{
	text-align:left;
	height:26px;
	padding:0 24px;
/*	cursor:pointer;*/
}

.editBlock  .subtitle{
	background:#e2edf6 url(images/arrow_up.gif) no-repeat 6px 3px;
	color:#165e9e
}
.editBlock  .subtitleClose{
	background:#e2edf6 url(images/arrow_down.gif) no-repeat 6px 3px;
	color:#005edf;
}

input.onFocus, textarea.onFocus{
	background-color:#effcec;
	border:1px solid #57b840;
}
.editBlock .toolbar{
	text-align:center;
	padding:4px;
	
}
.editBlock a{ text-decoration:underline}
.editBlock td td{border:0}
.editBlock td table{width:auto}
.editBlock  tr.modified th,{background:#FEFFE3;color:#FF0000;border-bottom:0px solid #ffb5b5;font-weight:bold}
.editBlock  tr.modified td{background:#FEFFE3;color:#FF0000;border-bottom:0px solid #ffb5b5;}
.editBlock  tr.compareTitle th,.editBlock  tr.compareTitle td{background:#fff url(images/smsedit_bg.gif) repeat-x;font-weight:bold;color:#000}
.editBlock .todo td{background-color:#c7f8bb;color:#1f8107;font-weight:bold}
.note{color:#999;
}
.info {
	border: 1px solid #dedede;
	margin-top: 8px;
	padding: 8px;
	line-height:180%;
	color:#666;
	padding-left:40px;
	background:#fff url(../common/icon_info.gif) no-repeat 12px 12px;	
}

.about{padding-left:80px; background:url(images/about.gif) no-repeat top}
/*selectBox*/
.selectBox {padding:2px 0px}
.selectBox .inputButton,.makemms .inputButton{
	width:20px;
	height:20px;
	background:url(images/subbuttonbg.gif) no-repeat;
	margin-bottom:2px;
	padding:4px;
	padding:0 !important;>padding:4 !important;padding:4;
	border:0
}
.selectBox table{width:auto;background:#f4f8fc;}
.editBlock .selectBox th,.selectBox th{border:0;text-align:left;background:none;padding:4px;padding-bottom:0 ;font-weight:normal;vertical-align:middle}
.editBlock .selectBox td,.selectBox td{border:0;padding:0 4px;background:none;}
.selectBox select{margin-bottom:4px;}

.selectBox img{cursor:hand}

.readonly{	
	filter:Alpha(Opacity=30) Gray();
	opacity:0.3;
}